<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue点击事件</title>
    <script src="../js/vue.js"></script>


</head>
<body>
<div id="app">
    <button @click="clickMe">请你点我吧</button> <br/>

    <input v-model="msg">

</div>
</body>
<script>
    new Vue({
        el: "#app",
        data: {
            msg:"我是一个vue定义的变量"
        },
        methods: {
            clickMe(){
                //在methods里面，定义的方法中，可以随意的操作vue中定义的任何变量
                //操作的语法： this.变量名
                this.msg = "你被我修改了，哈哈"


            }
        }


    })


</script>
</html>